<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<!--在标签栏显示logo-->
		<link rel="icon" href="img/tit.png" />
		<title>律师事务所</title>
	</head>
	<body>
		<h2>表单-项目开发必用-律师档案创建</h2>
		<form action="tit.html" action="post">
			用户名<input type="text" placeholder="请输入用户名" /><br />
			密码<input type="password" /><br />
			生日<input type="date" /><br />
			性别<input type="radio" name="gender" />男
				<input type="radio" name="gender" />女<br />
			籍贯<select>
				<option>山西</option>
				<option>山东</option>
				<option>河北</option>
			</select><br />
			爱好<input type="checkbox" />摄影
				<input type="checkbox" />跑步
				<input type="checkbox" />游泳
				<input type="checkbox" />其他<br />
			照片<input type="file" /><br />
			备注<textarea placeholder="多行文本" cols="80" rows="5" ></textarea><br>
			<input type="submit" value="注册" />
			<input type="reset" value="重填" />
		</form>
		<h2>超链接</h2>
		<a href="http://www.tit.edu.cn">太原工业学院</a>
		<h2>图片</h2>
		<img src="img/tit.PNG" width="50px" />
		<h2>表格</h2>
		<table border="1px">
			<tr>
				<td>车次</td>
				<td>出发站</td>
				<td>历时</td>
				<td>
					<button>预定</button>
				</td>
			</tr>
			<tr>
				<td>G602</td>
				<td>太原</td>
				<td>7小时25分</td>
				<td>
					<button>预定</button>
				</td>
			</tr>
			<tr>
				<td>G608</td>
				<td>北京</td>
				<td>4小时5分</td>
				<td>
					<button>预定</button>
				</td>
			</tr>
			<tr>
				<td>G606</td>
				<td>漠河</td>
				<td>18小时10分</td>
				<td>
					<button>预定</button>
				</td>
			</tr>
		</table>
		<h2>div</h2>
		<div class="dept">
			太原工业学院理学系
		</div>
		<div class="dept">
			环境系
		</div>
		<div id="elc">
			电子工程系
		</div>
		<h2>span用法</h2>
		<input type="text" /><span style="color: red;">用户名不能为空！</span>
		<h2>列表</h2>
		<h1>有序列表</h1>
		<ol>
			<li>Java研发工程师</li>
			<li>大数据全栈工程师</li>
			<li>Java+大数据工程师</li>
		</ol>
		<h1>无序列表</h1>
		
		<ul>
			<li>理学系</li>
			<li>计算机系</li>
			<li>自动化系</li>
		</ul>
	</body>
</html>
